| Course Name | Interface Design |
| Code | Semester | Theory (hour/week) | Application/Lab (hour/week) | Local Credits | ECTS |
|---|---|---|---|---|---|
| VCD 400 | Fall/Spring | 2 | 2 | 3 | 4 |
| Prerequisites | None | |||||
| Course Language | English | |||||
| Course Type | Elective | |||||
| Course Level | First Cycle | |||||
| Mode of Delivery | - | |||||
| Teaching Methods and Techniques of the Course | ||||||
| Course Coordinator | - | |||||
| Course Lecturer(s) | ||||||
| Assistant(s) | - | |||||
| Course Objectives | Introduces students to the fundamental building blocks of interface design including mental models, dynamic information displays, affordances, feedback, user flows, control systems, and interactive narratives. Students use these principles to design visual interfaces and prototypes that are both inventive and functional. |
| Learning Outcomes | The students who succeeded in this course;
|
| Course Description | This course covers techniques for building user interfaces, including prototypes and other prototyping tools; input models, output models, model-view-controller, layout, constraints, and toolkits. |
| Related Sustainable Development Goals | |
|
| Core Courses | |
| Major Area Courses | ||
| Supportive Courses | ||
| Media and Managment Skills Courses | ||
| Transferable Skill Courses |
| Week | Subjects | Required Materials |
| 1 | Introduction to the course | |
| 2 | Patterns, Rapid Interface Prototype – Web Interface | |
| 3 | Design Scenario Board for Mobile App, User Experience and Why It Matters | |
| 4 | Organizing the Content, Creating an IA document | |
| 5 | Creating a Wireframe, Wireframes for Mobile App Design | |
| 6 | Organizing the Page, Mood Board for Mobile App Design | |
| 7 | Creating a Mobile Comp from a Wireframe, Design Comps for Mobile App | |
| 8 | Creating “Datatips” for a User Interface | |
| 9 | Basics of Form Design | |
| 10 | Creating an iPad App Wireframe | |
| 11 | Interface-lift – Enhancing an Existing Interface | |
| 12 | Creating Wireframes for Responsive Design | |
| 13 | Mood Board for Responsive Web Design Project | |
| 14 | Class critique, discussion | |
| 15 | Portfolio Review | |
| 16 | Review of the Semester |
| Course Notes/Textbooks | |
| Suggested Readings/Materials |
| Semester Activities | Number | Weigthing |
| Participation | 1 | 10 |
| Laboratory / Application | ||
| Field Work | ||
| Quizzes / Studio Critiques | ||
| Portfolio | ||
| Homework / Assignments | ||
| Presentation / Jury | ||
| Project | 3 | 90 |
| Seminar / Workshop | ||
| Oral Exam | ||
| Midterm | ||
| Final Exam | ||
| Total |
| Weighting of Semester Activities on the Final Grade | ||
| Weighting of End-of-Semester Activities on the Final Grade | ||
| Total |
| Semester Activities | Number | Duration (Hours) | Workload |
|---|---|---|---|
| Course Hours (Including exam week: 16 x total hours) | 16 | 4 | 64 |
| Laboratory / Application Hours (Including exam week: 16 x total hours) | 16 | 1 | |
| Study Hours Out of Class | 5 | 2 | 10 |
| Field Work | |||
| Quizzes / Studio Critiques | |||
| Portfolio | |||
| Homework / Assignments | |||
| Presentation / Jury | |||
| Project | 3 | 6 | |
| Seminar / Workshop | |||
| Oral Exam | |||
| Midterms | |||
| Final Exams | |||
| Total | 108 |
| # | Program Competencies/Outcomes | * Contribution Level | ||||
1 | 2 | 3 | 4 | 5 | ||
| 1 | To be able to apply the fundamental principles of design in creating visual narratives and messages, using physical and digital media, | X | ||||
| 2 | To attain complex problem-solving skills, using various design methods, | X | ||||
| 3 | To have a clear understanding of creative/art direction, | X | ||||
| 4 | To be able to use the advanced theoretical and applied knowledge attained in the areas of Visual Communication Design, | X | ||||
| 5 | To act with social and ethical awareness and to take responsibility, both individually and collectively, for developing aesthetic and effective design solutions, | X | ||||
| 6 | To be able to investigate, interpret and evaluate the developments on Visual Communication Design in the world and in Turkey, | X | ||||
| 7 | To have an advanced level of knowledge and experience in producing/editing still and moving images, | X | ||||
| 8 | To attain proficiency in using related software, media, and communication technologies, | X | ||||
| 9 | To gain reflexive and critical thinking abilities, | X | ||||
| 10 | To undertake self-directed and continuous education in the discipline, to develop a lifelong learning attitude, | X | ||||
| 11 | To be able to collect data in the areas of Visual Communication Design and communicate with colleagues in a foreign language ("European Language Portfolio Global Scale", Level B1), | X | ||||
| 12 | To be able to speak a second foreign at a medium level of fluency efficiently, | |||||
| 13 | To be able to relate the knowledge accumulated throughout the human history to their field of expertise. | X | ||||
*1 Lowest, 2 Low, 3 Average, 4 High, 5 Highest
